<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>大学生综合服务管理系统</title>
	<meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />

    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" href="./css/font.css">
	<link rel="stylesheet" href="./css/xadmin.css">
    <script type="text/javascript" src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
    <script src="./lib/layui/layui.js" charset="utf-8"></script>
    <script type="text/javascript" src="./js/xadmin.js"></script>
    <script type="text/javascript">
        layui.use(['form','layer'], function(){
            $ = layui.jquery;
            var form = layui.form;
            var layer = layui.layer;
            //监听提交
            form.on('submit(login)', function(data){
                console.log(data);
                //设置cookie
                var setCookie = function (name, value, day) {
                    //当设置的时间等于0时，不设置expires属性，cookie在浏览器关闭后删除
                    var expires = day * 24 * 60 * 60 * 1000;
                    var exp = new Date();
                    exp.setTime(exp.getTime() + expires);
                    document.cookie = name + "=" + value + ";expires=" + exp.toUTCString();
                };
                setCookie('userId',data.field.userId,7);

                //发异步，把数据提交给php
                $.ajax({
                    url:"H_login",
                    type:"POST",
                    async:true,
                    dataType:"text",
                    data:data.field,
                    success:function (data) {
                        //alert(data);
                        if(data=='success'){
                            window.location.href = 'http://localhost:8080/main.html';
                        }else{
                        	layer.alert('登录失败，用户名或密码错误',{icon:5});
                        }
                    },
                });
                return false;
            });
            
        });
    </script>
</head>
<body class="login-bg">
    
    <div class="login layui-anim layui-anim-up">
        <div class="message" style="font-family: LiSu;font-size: 27px;">大学生综合服务管理系统</div>
        <div id="darkbannerwrap"></div>
        <form class="layui-form">
            <input name="userId" placeholder="用户名"  type="text" lay-verify="required" class="layui-input" >
            <hr class="hr15">
            <input name="pwd" lay-verify="required" placeholder="密码"  type="password" class="layui-input">
            <hr class="hr15">
            <input value="登录" lay-submit lay-filter="login" style="width:100%;" type="submit">
            <hr class="hr20" >
        </form>
    </div>

</body>
</html>